<style>
/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

#dataView-simpleDataView-main-panel .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#dataView-simpleDataView-main-panel .thumb{
	background: #dddddd;
	padding: 3px;
}
#dataView-simpleDataView-main-panel .thumb img{
	height: 60px;
	width: 80px;
}
#dataView-simpleDataView-main-panel .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#dataView-simpleDataView-main-panel .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#dataView-simpleDataView-main-panel .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(js/ext-2.0/resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#dataView-simpleDataView-main-panel .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#dataView-simpleDataView-main-panel .x-view-selected .thumb{
	background:transparent;
}

#dataView-simpleDataView-main-panel .loading-indicator {
	font-size:11px;
	background-image:url('../../resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
</style>

<div id="dataView-simpleDataView-info" style="margin:5px;">
	<br>
    下面的例子是一个简单的dataView例子.<br><br>
	本例用到的js文件为：<a href="modules/dataView/simpleDataView.js" target="_blank">simpleDataView.js</a><br><br>
</div><br>

<div id="dataView-simpleDataView-main" style="margin:10px"></div>